<!DOCTYPE html>
<html>
<head>
 <title>3z学堂</title>
	    <link href="/mobile/css/bootstrap.css" rel='stylesheet' type='text/css'/>
	    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
         <script src="/mobile/js/jquery.min.js"></script>
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Payroll Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
		Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		<link rel="stylesheet" href="/mobile/css/flexslider.css" type="text/css" media="screen" />
		<link href="/mobile/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href='https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
        <!---- start-smoth-scrolling---->
		<script type="text/javascript" src="/mobile/js/move-top.js"></script>
		<script type="text/javascript" src="/mobile/js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		<script src="/mobile/js/jquery.easydropdown.js"></script>
			<script src="/mobile/js/cbpViewModeSwitch.js" type="text/javascript"></script>
</head>
<body>
 
				<div class="header">
				 <div class="container">	
				   <div class="logo">
					
					<a ><img src="/mobile/images/logo.png" alt=""/></a>
					<a >
					
					
					
					</a>

				</div>
					<div class="top-menu">
						<span class="menu"> </span>
						<ul>
							<li><a  href="index.html">home</a></li>
							<li><a href="portfolio.html">portfolio</a></li>
							<li><a class="active" href="about.html">about<lable><img src="/mobile/images/line.png"></lable></a></li>
							<li><a href="contact.html">contact</a></li>
							<li><a class="last" >blog</a></li>
							</ul>
							</div>
							<script>
			$("span.menu").click(function(){
				$(".top-menu ul").slideToggle("slow" , function(){
				});
			});
		</script>
		<!-- script-for-menu -->
							<!-- start search-->
				    <div class="search-box">
				    {if condition="session('web')['uid'] != ''"}
				    <a href="/cancellation"><div id="sb-search" class="sb-search" style="background-color: skyblue;text-align:center;line-height: 50px">退出</div></a>
					{else /}
				    <a href="/webLogin"><div id="sb-search" class="sb-search" style="background-color: skyblue;text-align:center;line-height: 50px">登录</div></a>

					{/if}
					    
						
						
				    </div>
					<!-- search-scripts -->
					<script src="/mobile/js/classie.js"></script>
					<script src="/mobile/js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
					<!-- //search-scripts -->
				<div class="clearfix"></div>
			</div>

		<!-- script-for-nav -->
				<script>
					$(document).ready(function(){
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(1000);
						});
					});
				</script>
		<!-- script-for-nav -->
		<!-- /top-nav -->
                   <div class="clearfix"></div>
				</div>
		 </div>
		  <!-- header-section-ends -->
		  <div class="banner">
		  	<div class="container">
		  	<h3>3z 网络学堂</h3>
		  	</div>
		  	</div>
		  	<div class="content">
		  	<div class="about-text">
		  	<div class="container">
		  		<h3>了解学堂!</h3>
		  		<p>让你充分利用空余时间,随处学习下载离线也能听!云端同步存储学习记录!超过3000门精品课程,多达12国的外语种类.相对传统学习活动而言，共享丰富的网络化学习资源。</p>
                 <p><span>包括学习过程中学生与教师、学生与学生、学生与其他专家、朋友等之间的交互。通过网络学习中的社会性交互，可以培养学习者发现问题和解决问题的能力、收集.</span></p>
		  		</div>
		  		</div>
	<div class="banner">
		  	<div class="container">
		  	<h3>高品质课程</h3>
		  	</div>
		  	</div>
	<div class="good-design">
		
		<h3></h3>
		<div class="gooddesign-grids">
			<div class="container">
		<div class="col-md-3 gooddesign-grid">
            <a href="/md_show_course/16"><img src="/mobile/images/kc1.jpg" width=150></a>
			<h4>France</h3>
			<p>
从零基础达到欧标B2水平能达到7000-8000的词汇量更扎实地掌握法语语法能理解复杂文章的关键内容；能用熟练的口语表达自己的观点并阐述论据；能听懂较长的报告会和演讲。 </p>
			</div>
			<div class="col-md-3 gooddesign-grid">
			<a href="/md_show_course/21"><img  src="/mobile/images/kc2.jpg" width=150></a>
			<h4>Spanish</h3>
			<p>网校人气法语老师，毕业于北京外国语大学法语系，法语功底扎实，发音纯正。拥有法语最高等级水平认证——DALF C2文凭，并曾参与教育部举办的法语教师专业培训。主授网校法语口语初级、四级备考 </p>
			</div>
			<div class="col-md-3 gooddesign-grid">
			<a href="/md_show_course/6"><img  src="/mobile/images/riyu.jpg"  width=150</a>>
			<h4>Japan</h3>
			<p> 天津南开大学日语教师，硕士毕业于南开大学大学日本文学专业，博士毕业于日本创价大学文学部。在校长年教授本科生一年级日语精读课程，有丰富的教学经验，尤其擅长日语入门课程</p>
			</div>
			<div class="col-md-3 gooddesign-grid">
			<a href="/md_show_course/2"><img  src="/mobile/images/en.jpg"  width=150></a>
			<h4>Great Britan</h3>
			<p>外国语言学及应用语言学硕士，英语专业八级。多年来在大型培训机构担任雅思写作和口语老师，经验丰富，为考生带来雅思写作和口语考试的深入解析。</p>
			</div>
			<div class="clearfix"></div>
		</div>
		</div>
		</div>
		<div class="our-team">
			<div class="container">
			<h3>our team</h3>
			<div class="ourteam-grids">
				<div class="col-md-6">
					<div class="ourteam-grid span1">
					<div class="ourteam-grid1">
						<div class="ourteam-img">
							<img src="/mobile/images/t1.png">
							</div>
							<div class="ourteam-text">
								<h5>日语特级</h4>
								<h4>酒老师</h3>
								<a href="#">jondoelorem@dil,d.com</a>
								<ul class="nav">
									
									
							      </ul>
								</div>
								<div class="clearfix"></div>
					</div>
					<p>授课认真严谨不失幽默，有多年的日语教学经历，对能力考试有深入研究。教学中善于引导学生思考，梳理学习思路，侧重日语运用能力培养，深受学员好评。在本班内主讲进阶日本语高级教程以及阅读专项课程</p>
				
				</div>
				</div>
			
				<div class="col-md-6">
					<div class="ourteam-grid span2">
					<div class="ourteam-grid1">
						<div class="ourteam-img">
							<img src="/mobile/images/i2.png">
							</div>
							<div class="ourteam-text">
								<h5>English Director</h4>
								<h4>Julia simi</h3>
								<a href="#">jondoelorem@dil,d.com</a>
								<ul class="nav">
									
									
							      </ul>
								</div>
								<div class="clearfix"></div>
					</div>
					<p>英文专业8级；8年以上英文教学经验；CCTV杯英文演讲辅导老师；西安外国语大学本科英文教育专业；韩国庆熙大学硕士国际贸易专业；</p>
				
				</div>
				</div>
				
				<div class="col-md-6">
					<div class="ourteam-grid span1">
					<div class="ourteam-grid1">
						<div class="ourteam-img">
							<img src="/mobile/images/im1.jpg">
							</div>
							<div class="ourteam-text">
								<h5>Franc College</h4>
								<h4>Auex fra</h3>
								<a href="#">jondoelorem@dil,d.com</a>
								<ul class="nav">
									
									
							      </ul>
								</div>
								<div class="clearfix"></div>
					</div>
					<p>Auex fra网校人气法语老师，毕业于北京外国语大学法语系，法语功底扎实，发音纯正。拥有法语最高等级水平认证——DALF C2文凭，并曾参与教育部举办的法语教师专业培训。</p>
				
				</div>
				</div>
				<div class="col-md-6">
					
				</div>
				      <div class="clearfix"></div>
				</div>
			
		</div>
		</div>
				            <div class="footer">
								<div class="container">
									
									<div class="col-md-3 new-letter">
										<h3>请你咨询</h3>
										<div class="new-letters">
										<p>有任何疑问可以留下联系方式我们会尽快联系你!</p>
										</div>
										<form action="/webLogin">

										<input type="submit" value="现在登录">
										<br>
										<br>

										</form>
										<form action="/mobile_per">
										
										<br>
										<br>

										<input type="submit" value="个人中心">
										</form>
										</div>
										<div class="col-md-3 recent-projects">
											<h3>近期新课程</h3>
											
												<div class="recent-project">
											<div class="recent-img">
												<img src="/mobile/images/im1.jpg">
												</div>
												<div class="recent-text">
													<p>商务英语新课程</p>
                                                       <a href="#">www.yunxiangyishang.xin</a>
                                                        <p>全新2018课程</p>
													</div>
													<div class="clearfix"></div>
													</div>
													<div class="recent-project">
													<div class="recent-img">
												<img src="/mobile/images/im2.jpg">
												</div>
												<div class="recent-text">
													<p>新法语</p>
                                                     <a href="#">www.yunxiangyishang.xin</a>
                                                      <p>开课时间待定!</p>
													</div>
													<div class="clearfix"></div>
													</div>
													<div class="recent-project">
													<div class="recent-img">
												<img src="/mobile/images/t1.png">
												</div>
												<div class="recent-text">
													<p>日禄留学班</p>
													<a href="#">www.yunxiangyishang.xin</a>
													<p>假期开课</p>
													</div>
													<div class="clearfix"></div>
													</div>

										</div>
											<div class="col-md-3 contact">
												<h3>联系</h3>
												<ul>
													<li><i class="phone"></i></li>
														<li><p>1-000-000-0000</p>
															<p>1-000-000-0000</p></li>
												</ul>
												<ul>
													<li><i class="smartphone"></i></li>
														<li><p>1-000-000-0000</p>
															<p>1-000-000-0000</p></li>
												</ul>
												<ul>
													<li><i class="message"></i></li>
														<li><a href="#">bcdefg@hijs.dfh</a>
                                                            <a href="#">fjashfaf@jkfs.ckd</a></li>
												</ul>
												</div>
									<div class="clearfix"></div>
									<div class="footer-bottom">
				 		<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a >3z之家</a> - Collect from <a target="_blank">3z网校</a></p>
						
                 </div>
                  <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
                 </div>
			</div>
</body>
</html>
